<extend  name="Index/index" />
<block name="css1">
    <link rel="stylesheet" href="__PUBLIC__/mycss/user_info.css">
    <style type="text/css">
        body{background: #F0F4FB;}
    </style>
</block>
<block name="main">
<div class="container">
    <div class="row col-md-offset-4 col-md-4" >
    <div class="mt60"></div>
        <h1 class="col-md-offset-4">登录</h1>
        <form class="form-horizontal mt30" method="post" action="<{:U('Login/doLogin')}>">
          <div class="form-group">
            <label for="user" class="col-md-2 control-label"></label>
            <div class="col-md-10">
              <input type="text" name="name" class="form-control" id="user" placeholder="虎嗅账号">
            </div>
          </div>

          <div class="form-group">
            <label for="password" class="col-md-2 control-label"></label>
            <div class="col-md-10">
              <input type="password" name="pwd" class="form-control" id="password" placeholder="密码">
            </div>
          </div>

          <div class="form-group">
            <div style="margin-left:20px;">
            <div id="embed-captcha"></div>
                    <p id="wait" class="show">正在加载验证码......</p>
                    <p id="notice" class="hide">请先拖动验证码到相应位置</p>

            </div>
          </div>
          <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
            <!-- 极验 -->
              

              <div class="col-md-offset-2"><button type="submit" class="btn-lg btn-info">登录</button></div>
            </div>
          </div>
        </form>
    </div>
</div>

<!-- 极验插件 -->
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://static.geetest.com/static/tools/gt.js"></script>
<script>
        var handlerEmbed = function (captchaObj) {
        $("#popup-submit").click(function (e) {
            var validate = captchaObj.getValidate();
            if (!validate) {
                $("#notice")[0].className = "show";
                setTimeout(function () {
                    $("#notice")[0].className = "hide";
                }, 2000);
                e.preventDefault();
            }
        });
        // 将验证码加到id为captcha的元素里
        captchaObj.appendTo("#embed-captcha");
        captchaObj.onReady(function () {
            $("#wait")[0].className = "hide";
        });
        // 更多接口参考：http://www.geetest.com/install/sections/idx-client-sdk.html
    };
    $.ajax({
        // 获取id，challenge，success（是否启用failback）
        url: "<{:U('Jiyan/EchoMyVerify',array('t'=>$randtime))}>", // 加随机数防止缓存
        type: "get",
        dataType: "json",
        success: function (data) {
            // 使用initGeetest接口
            // 参数1：配置参数
            // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件
            initGeetest({
                gt: data.gt,
                challenge: data.challenge,
                product: "embed", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效
                offline: !data.success // 表示用户后台检测极验服务器是否宕机，一般不需要关注
            }, handlerEmbed);
        }
    });
</script>


</block>